#bcid {
  position: absolute;
  background: #000000;
  top: 1.2rem;
  left: 0;
  right: 0;
  bottom: 1.2rem; }
  #bcid .tip {
    text-align: center;
    font-size: 16px; }
    [data-dpr="2"] #bcid .tip {
      font-size: 32px; }
    [data-dpr="3"] #bcid .tip {
      font-size: 48px; }

.fbt {
  color: #0e76e1;
  width: 50%;
  background-color: #ffffff;
  float: left;
  line-height: 44px;
  text-align: center; }

.mui-bar.mui-bar-nav {
  position: relative;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  .mui-bar.mui-bar-nav a.mui-action-back {
    position: absolute;
    left: 0.133333rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px; }
    [data-dpr="2"] .mui-bar.mui-bar-nav a.mui-action-back {
      font-size: 48px; }
    [data-dpr="3"] .mui-bar.mui-bar-nav a.mui-action-back {
      font-size: 72px; }
  .mui-bar.mui-bar-nav h1 {
    font-size: 16px; }
    [data-dpr="2"] .mui-bar.mui-bar-nav h1 {
      font-size: 32px; }
    [data-dpr="3"] .mui-bar.mui-bar-nav h1 {
      font-size: 48px; }

.mui-bar.mui-bar-footer {
  height: 1.2rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .mui-bar.mui-bar-footer .fbt:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5); }
